<div class="w-full h-screen flex-col flex-between">
    <div class="w-full flex-1">
      <ui-section expand class="w-full">
        <div slot="header">模块生成器</div>
        <ui-prop class="w-full prop">
          <div class="flex">
            <ui-label slot="label" class="w-100">模板名字</ui-label>
            <ui-input
              slot="content"
              class="flex-1"
              v-bind:value="moduleName"
              type="string"
            @change="onModuleNameEdit"
            >
            </ui-input>
          </div>
        </ui-prop>
        <ui-prop class="w-full prop">
          <div class="flex">
            <ui-label slot="label" class="w-100">导出路径</ui-label>
            <ui-input
              slot="content"
              class="flex-1"
              v-model="tsOutPath"
              type="string"
              readonly
            >
            </ui-input>
            <!-- <ui-button class="green" @click="onSelectTsOutPath">选择</ui-button> -->
            <ui-button class="blue mr-10" @click="onOpenTsOutPath"
              >打开</ui-button
            >
          </div>
        </ui-prop>
      </ui-section>
    </div>
    <div class=" w-full">
      <div class="w-full flex flex-end" style="padding-bottom: 2px">
        <ui-button class="red" @click="onGenerate">生成</ui-button>
        <ui-button class="red" @click="cleanLog">清除日志</ui-button>
      </div>
      <div>
        <textarea
          class="log flex-1 focus-none"
          ref="logTextArea"
          id="logTextArea"
          style="resize: none"
          readonly
        >
  {{log}}</textarea
        >
      </div>
    </div>
  </div>
  